<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Serpentine GPS - {% block page_title %} visualiser, éditer et partager des traces GPS{% endblock %} </title>
    {% block style %}
        <link href="/static/css/style.css" rel="stylesheet" type="text/css"></link>
    {% endblock style %}
    {% block js_base %}
        <script type="text/javascript" src="/static/js/jquery-1.4.4.js"></script>
        <script type="text/javascript" src="/static/js/gps/base.js"></script>
    {% endblock js_base %}
    {% block js_plot %}{% endblock js_plot %}
    {% block js_maps %}{% endblock js_maps %}
</head>
<body>
<div id="header">
    <a href="/" id="title"  title="Retourner à l'accueil du site">
        <!--img alt="en attendant le serpent de Fabienne !" src="/static/img/serpentine.jpg"/-->
        Serpentine-GPS
    </a>
    <div id="quick_search" title="Recherche rapide d'un lieu ou d'un parcours">
        <form class= "inline" method="get"  action="/recherche">
            <div class="search_input inline">
                {{ quick_search_form.recherche }}
                <!--<input type="submit" name="searchsubmit" value="GO" />-->
            </div>
        </form>
    </div>
    <div id="subtitle" >
        {% block title %}
            Visualisez et partagez vos parcours GPS
        {% endblock %}
    </div>

    <div id="under_header"><div id="main_menu">
        <ul>
            <li>
                <a href="/">Accueil</a>
            </li>
            <li title="Charger un fichier GPX">
                <a href="/upload">Charger un fichier</a>
            </li>
    {% comment %}        <li>
                <form class = "button" action="/upload/" method="post" enctype="multipart/form-data">
                    {% csrf_token %}
                    {{ upload_form.fichier }}
                  <input class= "button" type="submit" value="Envoyer"/>
                </form>
            </li>{% endcomment %}
        </ul></div>

    </div>
</div>

<div id="content">

    <div id="main_content">
        {% block content %}
        {% endblock content%}
    </div>
    <div class="hideshow vertical100 simple-link">x</div>
    <div id="sidebar" >
        {% block sidebar %}
            {% block sidebar_intro %}
                Bienvenue sur Serpentine-GPS, un site de partage de trace GPS. Vous pouvez charger, visualiser et bientôt éditer
                vos traces ... bla bla bla, bla bla bla...
            {% endblock sidebar_intro %}
            <div class="nav">
                {% include "gps/nav.html" %}
            </div>
            <!--	<div id="login">
                Login
              {% if user_logged %}
              Vous êtes connecté <br/>
              {{user_logged}}
              <a id="logout" href="/logout/">se déconnecter</a>
              {% else %}
              <form action="/login/" method="post">
                {% csrf_token %}
                <table>
                  {{ login_form.as_table }}
                </table>
                 <div class="invisible"><input type="submit" value="Login"/></div>
              </form>
              {% endif %}

        </div>
        -->
            <div id="w3c">
                <a href="http://validator.w3.org/check?uri=referer">
                    xhtml1.0 strict
                </a>
            </div>
            </div>

        {% endblock sidebar%}
</div>
</body>
</html>
